<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/c/font_4631039_m60oop13l1e.css">
    <script src="./js/jquery-3.7.1.js"></script>
    <script src="./js/socket.io.js"></script>
    <script src="./js/chat.js"></script>
</head>

<body>
    <div class="Con">

        <div class="box">
            <div class="item">
                <span class="icon">
                    <img src="img/yinyong.png" alt="">
                </span>
                <span class="name">flash中心</span>
            </div>
            <div class="item DDchat">
                <span class="icon">
                    <img src="img/yinyong.png" alt="">
                </span>
                <span class="name">DDChat</span>
            </div>
        </div>


        <div class="chatItem">
            <div class="chatTop">
                <div></div>
                <span class="name">DDChat</span>
                <div class="chatClose">
                    <img src="./img/关机.png" alt="">
                </div>
            </div>

            <div class="chatCon">
                <div class="chaNews" style="display: block;">
                    <div class="chaNewsTop">
                        <p>欢迎进入DDchat</p>
                    </div>
                    <div class="chatIconRow">
                        <div class="head_portrait">
                            <img src="./img/用户.png" alt="">
                        </div>
                        <div class="pull_down">
                            <img src="./img/下拉菜单箭头.png" alt="">
                        </div>
                    </div>
                    <div class="NameInput">
                        <input type="text" placeholder="请输入用户名">
                    </div>

                    <div class="chatJoinBtn">
                        <button>加入</button>
                    </div>
                </div>

                <div class="chatting" style="display: none;">
                    <div class="chattingCon">
                        <!-- <div class="chattingHuanYing">
                            欢迎 <span class="UserName">小明</span> 进入聊天室
                        </div> -->
                    </div>
                    <div class="chattingBottom">
                        <input type="text">
                        <button class="SendBtn"><img src="./img/16寄件、发送.png" alt=""></button>
                    </div>
                </div>
            </div>
        </div>

        <div id="flash">
            <!-- 侧边栏 -->
            <div class="sidebar">
                <div>
                    <img src="img/logo.png" alt="logo">
                </div>
                <!-- 头像 -->
                <div>
                    <img src="img/touxiang.png" alt="">
                </div>
                <!-- 菜单 -->
                <div>
                    <a href="http://www.taobao.com" target="jd" class="clickable">
                        <div>
                            <i class="iconfont icon-Flash-copy"></i>
                            <span>Flash</span>
                        </div>
                    </a>
                    <a href="demo.html" target="jd" class="clickable">
                        <div>
                            <i class="iconfont icon-youxi"></i>
                            <span>游戏</span>
                        </div>
                    </a>
                    <a href="#" target="jd" class="clickable">
                        <div>
                            <i class="iconfont icon-youxiku"></i>
                            <span>游戏库</span>
                        </div>
                    </a>
                    <a href="#" target="jd" class="clickable">
                        <div>
                            <i class="iconfont icon-wode"></i>
                            <span>我的</span>
                        </div>
                    </a>
                    <a href="#" target="jd" class="clickable">
                        <div>
                            <img src="img/game.gif" alt="">
                            <span>传奇岁月</span>
                        </div>
                    </a>
                    <a href="#" target="jd" class="clickable">
                        <div>
                            <img src="img/game.gif" alt="">
                            <span>传奇岁月</span>
                        </div>
                    </a>
                    <a href="#" target="jd" class="clickable">
                        <div>
                            <img src="img/game.gif" alt="">
                            <span>传奇岁月</span>
                        </div>
                    </a>

                </div>
                <div>
                    <div>
                        <i class="iconfont icon-flash"></i>
                        <div>Flash修复</div>
                    </div>
                    <div>
                        <i class="iconfont icon-flash"></i>
                        <div>手机玩</div>
                    </div>
                </div>
            </div>
            <!-- 内容 -->
            <div class="content">
                <!-- <div id="Tab1" class="tab-content">

                </div>

                <div id="Tab2" class="tab-content">
                    
                </div>

                <div id="Tab3" class="tab-content">

                </div>
                <div id="Tab4" class="tab-content">

                </div>
                <div id="Tab5" class="tab-content">

                </div>
                <div id="Tab6" class="tab-content">

                </div>
                <div id="Tab7" class="tab-content">

                </div> -->
                <iframe src="http://www.taobao.com" frameborder="0" name="jd" style="width: 100%;height: 700px;"></iframe>
            </div>
        </div>
    </div>

    <!-- <div class="window">
        <div class="windows">
            <div class="toolbar">
                <div class="toolbar-left">
                    <div class="imgs">
                        <svg t="1722169630597" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="1452" width="40" height="40">
                            <path
                                d="M511.33 63.946C264.662 63.947 64.698 263.91 64.696 510.578c-0.003 244.997 201.64 446.642 446.638 446.641 246.669-0.001 446.634-199.966 446.635-446.635 0-244.996-201.643-446.638-446.639-446.638z m169.142 289.677c-29.027 5.945-75.675 27.168-102.902 100.184h45.594c17.673 0 32 14.327 32 32v40.089c0 17.673-14.327 32-32 32h-85.337s-50.346 175.4-200.686 202.736c-19.66 3.575-37.772-11.501-37.772-31.484v-40.224c0-15.195 10.785-28.118 25.666-31.186 34.51-7.115 96.638-43.303 140.876-202.038 46.272-166.036 150.287-199.95 205.068-205.902 18.861-2.049 35.283 12.86 35.283 31.832v40.603c0 15.28-10.821 28.325-25.79 31.39z"
                                p-id="1453" fill="#1296db"></path>
                        </svg>
                    </div>
                    <div class="names">Flash中心</div>
                </div>
                <div class="toolbar-right">
                    <div class="minimize">
                        <svg t="1721819260021" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="988" width="50" height="50">
                            <path
                                d="M923 571H130.7c-27.6 0-50-22.4-50-50s22.4-50 50-50H923c27.6 0 50 22.4 50 50s-22.4 50-50 50z"
                                fill="#8a8a8a" p-id="989"></path>
                        </svg>
                    </div>
                    <div class="maximize">
                        <svg t="1721819407306" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="1021" width="50" height="50">
                            <path
                                d="M959.72 0H294.216a63.96 63.96 0 0 0-63.96 63.96v127.92H64.28A63.96 63.96 0 0 0 0.32 255.84V959.4a63.96 63.96 0 0 0 63.96 63.96h703.56a63.96 63.96 0 0 0 63.96-63.96V792.465h127.92a63.96 63.96 0 0 0 63.96-63.96V63.96A63.96 63.96 0 0 0 959.72 0zM767.84 728.505V959.4H64.28V255.84h703.56z m189.322 0H831.8V255.84a63.96 63.96 0 0 0-63.96-63.96H294.216V63.96H959.72z"
                                fill="#8a8a8a" p-id="1022"></path>
                        </svg>
                    </div>
                    <div class="close">
                        <svg t="1721819462879" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="1051" width="50" height="50">
                            <path
                                d="M512 466.944l233.472-233.472a31.744 31.744 0 0 1 45.056 45.056L557.056 512l233.472 233.472a31.744 31.744 0 0 1-45.056 45.056L512 557.056l-233.472 233.472a31.744 31.744 0 0 1-45.056-45.056L466.944 512 233.472 278.528a31.744 31.744 0 0 1 45.056-45.056z"
                                fill="#8a8a8a" p-id="1052"></path>
                        </svg>
                    </div>
                </div>
            </div>

            <div class="Cons">
                <div class="Content">
                    <div class="entry">
                        <svg t="1721869999692" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="1081" width="40" height="40">
                            <path
                                d="M880.182 987.568H143.818C98.705 987.568 62 952.882 62 910.245V801.52c0-122.986 110.113-223.042 245.455-223.042h409.09C851.887 578.478 962 678.533 962 801.52v108.726c0 42.636-36.704 77.322-81.818 77.322z m-736.364-82.197l736.363 0.379V801.52c0-77.873-73.408-141.224-163.637-141.224h-409.09c-90.228 0-163.636 63.351-163.636 141.224v103.851zM511.67 547.796c-140.984 0-255.682-114.697-255.682-255.682 0-140.984 114.697-255.682 255.682-255.682 140.985 0 255.682 114.697 255.682 255.682 0.001 140.985-114.697 255.682-255.682 255.682z m0-429.546c-95.871 0-173.864 77.993-173.864 173.864S415.8 465.978 511.67 465.978s173.864-77.993 173.864-173.864S607.541 118.25 511.67 118.25z"
                                fill="#8a8a8a" p-id="1082"></path>
                        </svg>
                        <p><a href="">点击登录</a></p>
                    </div>
                    <a href="" target="ifname1">
                        <div class="Flash">
                            <svg t="1722169788111" class="icon" viewBox="0 0 1069 1024" version="1.1"
                                xmlns="http://www.w3.org/2000/svg" p-id="1645" width="40" height="40">
                                <path
                                    d="M1025.883218 42.921686v938.352797H42.921686V42.921686z m43.157089-42.921686H0v1024h1069.040307V0"
                                    p-id="1646" fill="#1296db"></path>
                                <path
                                    d="M620.324291 465.194176h115.033257v120.251341h-165.566284c-102.831571 251.095785-273.615939 252.704368-320.657164 251.095786h-8.709885v-120.408276c67.952797 0 139.397395-8.709885 217.825593-214.373027 111.541456-327.640766 339.842452-291.035709 339.842453-291.035709v120.251341c-128.961226-5.218084-177.767969 134.17931-177.76797 134.179311z"
                                    p-id="1647" fill="#1296db"></path>
                            </svg>
                            <p>Flash</p>
                        </div>
                    </a>
                    <div class="Game">
                        <svg t="1721889081155" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="1269"
                            data-spm-anchor-id="a313x.manage_type_myprojects.0.i0.490d3a81Vdsj6F" width="40"
                            height="40">
                            <path
                                d="M725.333333 149.333333c141.376 0 256 114.624 256 256v298.666667a170.666667 170.666667 0 1 1-341.333333 0v-42.666667H383.978667L384 704a170.666667 170.666667 0 1 1-341.333333 0V405.333333C42.666667 263.957333 157.290667 149.333333 298.666667 149.333333h426.666666z m-21.333333 64H320c-115.84 0-210.090667 92.309333-213.248 207.36L106.666667 426.666667v277.333333a106.666667 106.666667 0 0 0 213.226666 4.629333L320 704v-85.333333a21.333333 21.333333 0 0 1 21.333333-21.333334h341.333334a21.333333 21.333333 0 0 1 21.333333 21.333334v85.333333a106.666667 106.666667 0 0 0 213.226667 4.629333L917.333333 704V426.666667c0-117.824-95.509333-213.333333-213.333333-213.333334z m10.666667 256a32 32 0 1 1 0 64 32 32 0 0 1 0-64z m-405.333334-128a32 32 0 0 1 32 32V405.333333h32a32 32 0 0 1 0 64H341.333333v32a32 32 0 0 1-64 0V469.333333h-32a32 32 0 0 1 0-64H277.333333v-32a32 32 0 0 1 32-32z m469.333334 64a32 32 0 1 1 0 64 32 32 0 0 1 0-64z m-128 0a32 32 0 1 1 0 64 32 32 0 0 1 0-64z m64-64a32 32 0 1 1 0 64 32 32 0 0 1 0-64z"
                                fill="#cdcdcd" p-id="1270"></path>
                        </svg>
                        <p>游戏</p>
                    </div>
                    <div class="GameLibrary">
                        <svg t="1721889201486" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="1301" width="40" height="40">
                            <path
                                d="M960 1024h-320a64 64 0 0 1-64-64v-320a64 64 0 0 1 64-64h320a64 64 0 0 1 64 64v320a64 64 0 0 1-64 64z m0-576h-320a64 64 0 0 1-64-64V64a64 64 0 0 1 64-64h320a64 64 0 0 1 64 64v320a64 64 0 0 1-64 64z m-576 576H64a64 64 0 0 1-64-64v-320a64 64 0 0 1 64-64h320a64 64 0 0 1 64 64v320a64 64 0 0 1-64 64z m0-576H64a64 64 0 0 1-64-64V64a64 64 0 0 1 64-64h320a64 64 0 0 1 64 64v320a64 64 0 0 1-64 64z"
                                fill="#cdcdcd" p-id="1302"></path>
                        </svg>
                        <p>游戏库</p>
                    </div>
                    <div class="My">
                        <svg t="1721891044643" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="1422" width="40" height="40">
                            <path
                                d="M192 640h640a192 192 0 1 1 0 384h-640a192 192 0 1 1 0-384zM512 0h256v256c0 141.3888-114.6112 256-256 256s-256-114.6112-256-256S370.6112 0 512 0z"
                                fill="#cdcdcd" p-id="1423"></path>
                        </svg>
                        <p>我的</p>
                    </div>
                </div>

                <div class="List">
                    <iframe src="ifname1" frameborder="0"></iframe>
                </div>
            </div>
        </div>
    </div> -->

    <script src="js/index.js"></script>
</body>

</html>